@import "./val.scss";
* {
	touch-action: pan-y;
}
/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/
*:not(input, textarea) {
	-webkit-touch-callout: none; /*系统默认菜单被禁用*/
	-webkit-user-select: none; /*webkit浏览器*/
	-khtml-user-select: none; /*早期浏览器*/
	-moz-user-select: none; /*火狐*/
	-ms-user-select: none; /*IE10*/
	user-select: none;
}
html,
body,
#yhjrApp {
	width: 100%;
	height: 100%;
}

body,
div,
span,
header,
footer,
nav,
section,
aside,
article,
ul,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
i,
b,
textarea,
button,
input,
select {
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: none;
	font-family: $font-family;
	-webkit-tap-highlight-color: transparent;

	&:focus {
		outline: none;
	}
}

body {
	background-color: #f8f8f8 !important;
	// -webkit-overflow-scrolling: touch;
	transition: all 0.3s ease-in-out;
}
.flexCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.ellips {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.clear:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	zoom: 1;
}

.left {
	float: left;
}

.right {
	float: right;
}

.component_container {
	margin-bottom: 0.5rem;
}

#alertTip {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100000;
	display: none;
}

#alertText {
	width: 14rem;
	position: absolute;
	left: 50%;
	top: 9.6rem;
	margin-left: -7rem;
	padding: 1.25rem 0.25rem;
	line-height: 1.5rem;
	font-size: $fontSize80;
	text-align: center;
	background-color: $color1;
	opacity: 0.8;
	color: $color8;
	border-radius: 0.25rem;

	.alert_bottom {
		font-size: $fontSize65;
		line-height: 1.4rem;
		color: #b3b3b3;
	}
}
.text-c {
	width: 100%;
	text-align: center;
}

.mlr30 {
	margin-left: 0.3rem;
	margin-right: 0.3rem;
}

.mr10 {
	margin-right: 10%;
}

//间距
.mt20 {
	margin-top: 0.1rem;
}

//上间距
.mt108 {
	margin-top: 1.08rem;
}

.mt128 {
	// margin-top: 1.28rem;
	padding-top: 1.28rem !important;
}

.mt168 {
	// margin-top: 1.68rem;
	padding-top: 1.68rem !important;
}
.ml40 {
	margin-left: 0.4rem;
}
.ml30 {
	margin-left: 0.3rem;
}
.ml56 {
	margin-left: 0.56rem;
}
.mr40 {
	margin-right: 0.4rem;
}
.mt40 {
	margin-top: 0.4rem;
}
.mt20 {
	margin-top: 0.2rem;
}
.mt36 {
	margin-top: 0.36rem;
}
.mt24 {
	margin-top: 0.24rem;
}
.mb32 {
	margin-top: 0.32rem;
}

//左右间距
.plr30 {
	padding: 0 0.3rem;
}
.pt128 {
	padding-top: 1.28rem;
}

.pt168 {
	padding-top: 1.68rem;
}
.lh40 {
	line-height: 0.4rem;
}
//button
.btn-full-center-blue {
	display: block;
	height: 1rem;
	border-radius: 0.06rem;
	background-color: #00a0dd;
	font-family: $font-family;
	font-size: $fontSize36;
	color: $color8;
	width: 100%;
}

.btn-full-right-blue {
	display: inline-block;
	width: 30%;
	height: 0.8rem;
	border-radius: 0.06rem;
	background-color: #00a0dd;
	font-family: $font-family;
	font-size: $fontSize36;
	color: $color8;
}

.btn-full-left-blue {
	display: inline-block;
	width: 30%;
	height: 0.8rem;
	border-radius: 0.06rem;
	border-style: solid;
	border-width: 1px;
	margin-right: 10%;
	border-color: #030303;
	background-color: transparent;
	font-family: $font-family;
	font-size: $fontSize36;
	color: #030303;
}

.btn-short-left-white {
	display: inline-block;
	width: 30%;
	height: 1rem;
	border-radius: 0.06rem;
	border-style: solid;
	border-width: 1px;
	margin-right: 10%;
	border-color: #030303;
	background-color: transparent;
	font-family: $font-family;
	font-size: 0.36rem;
	color: #030303;
}

.btn-short-right-white {
	display: inline-block;
	height: 1rem;
	margin-left: 10%;
	border-radius: 0.06rem;
	background-color: #fff;
	font-family: $font-family;
	font-size: $fontSize36;
	width: 30%;
	border: 1px solid #00a0dd;
	color: #00a0dd;
}

.btn-short-center-blue {
	display: inline-block;
	height: 1rem;
	border-radius: 0.06rem;
	background-color: #00a0dd;
	font-family: $font-family;
	font-size: $fontSize36;
	color: $color8;
	width: 30%;
}

//icon

.icon-contact {
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/icon-contact.png) no-repeat;
	background-size: 100% 100%;
}

.icon-arrorw-right {
	display: block;
	width: 0.24rem;
	height: 0.24rem;
	background: url(../images/icon-arrorw-right.png) no-repeat;
	background-size: 100% 100%;
}

.icon-no-wifi {
	display: block;
	width: 2.51rem;
	height: 1.42rem;
	background: url(../images/icon-no-wifi.png) no-repeat;
	background-size: 100% 100%;
}

.icon-tips {
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	background: url(../images/icon-tips.png) no-repeat;
	background-size: 100% 100%;
}

.icon-success {
	display: block;
	width: 1.53rem;
	height: 1.53rem;
	background: url(../images/icon-success.png) no-repeat;
	background-size: 100% 100%;
}

//toast
.dialog-toast {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 503;

	.text {
		display: block;
		font-family: $font-family;
		font-size: $fontSize26;
		color: $color8;
		padding: 0.3rem 0.8rem;
		border-radius: 0.48rem;
		background: rgba(0, 0, 0, 0.8);
		box-shadow: 0 0.04rem 0.08rem 0.04rem rgba(96, 96, 96, 0.5);
		margin: 0 1rem;
	}
}

//loading
.dialog-loading {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 501;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;

	.back-pop {
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.3);
	}
}

//弹框（1.调取后台异常 2.res.code!=0）
.dialog-alert {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 500;
	top: 0;
	bottom: 0;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	background: rgba(0, 0, 0, 0.3);
	min-height: 4rem;

	.back-pop {
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.3);
	}

	.dialog-con {
		border: 1px solid $color3;
		width: 80%;
		height: auto;
		background: $color8;
		border-radius: 8px;

		.dialog-header {
			height: auto;
			text-align: center;
			font-size: $fontSize28;
		}

		.dialog-icon-text-header {
			height: 0.88rem;
			background-color: $color6;
			color: $color7;
			font-size: $fontSize28;
			text-align: center;
			line-height: 0.88rem;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			box-sizing: border-box;
		}

		.dialog-body {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0.5rem 12%;
			font-size: $fontSize28;
			line-height: 0.5rem;
			color: $color2;
			min-height: 1.5rem;
		}

		.icon-text-body {
			padding: 0;
			max-height: 7.86rem;
			overflow-y: auto;
		}

		.dialog-icon-text-foot {
			width: 100%;
			background-color: $color8;
			text-align: center;
			padding-bottom: 0.3rem;
			padding-top: 0.3rem;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			font-size: $fontSize15;

			.btn-icon-text-close {
				width: 47%;
				display: inline-block;
				line-height: 0.54rem;
				margin: 0 auto;
				background-color: $color4;
				border-radius: 5px;
				color: $color8;
				font-size: $fontSize30;
			}
		}

		.dialog-foot {
			width: 100%;
			height: 1.08rem;
			background: $color8;
			border-top: 1px solid #e2e2e2;
			box-sizing: border-box;
			font-size: $fontSize32;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			& > a {
				&:last-child {
					width: calc(50% - 6px);
				}
			}
			.btn-alert-ok {
				width: 100%;
				display: inline-block;
				height: 100%;
				font-size: $fontSize32;
				background-color: $color8;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				text-align: center;
				line-height: 100%;
				color: $color4;
				cursor: pointer;
			}

			.btn-confrim {
				width: 50%;
				display: inline-block;
				height: 100%;
				font-size: $fontSize32;
				background-color: $color8;
				box-sizing: border-box;
				text-align: center;
				line-height: 1.08rem;
			}

			.btn-cancel {
				color: $color3;
				border-right: 1px solid #e2e2e2;
				border-bottom-left-radius: 8px;
			}

			.btn-ok {
				color: $color4;
				border-bottom-right-radius: 8px;
			}
		}
	}
}

//弹框（2.无网络弹框）
.dialog-noWifi {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 500;
	top: 0;
	bottom: 0;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	background: $color6;

	.head-list {
		height: 1.28rem;
		background-color: $color1;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 200;

		.head_title {
			font-size: $fontSize36;
			width: 5rem;
			text-align: center;
			line-height: 0.88rem;
			position: absolute;
			left: 50%;
			margin-left: -2.5rem;
			color: $color8;
		}

		.head_goback {
			line-height: 0.88rem;
			font-size: $fontSize36;
			width: 1.1rem;
			height: 0.88rem;
			text-align: right;
			color: $color8;
			margin-left: 0.3rem;
			background: url(../images/icon-goback.png) no-repeat left center;
			background-size: 0.19rem 0.34rem;
		}
	}

	.head-list {
		padding-top: 0.4rem;
	}

	.content-body {
		margin-top: 0;
	}

	.content-body.iphoneX {
		margin-top: -2.6rem;
	}

	.content {
		margin-bottom: 0.4rem;
		padding-top: 1.68rem;
		padding-bottom: 0.75rem;
		background: $color8;

		.icon-no-wifi {
			margin: 0 auto;
		}

		.guide {
			p {
				font-family: $font-family;
				font-size: $fontSize30;
				color: $color2;
				margin: 0 0.75rem;
				padding: 0;
				line-height: 0.5rem;
				text-align: left;

				&:first-child {
					margin: 1.18rem 0.75rem 0.2rem 0.75rem;
				}
			}
		}
	}

	.btn-full-center-yellow {
		display: inherit;
	}
}

//兼容iphoneX
.head-list {
	padding-top: 0.4rem;
}

.content-body {
	position: relative;

	.tab-component {
		.tab-title-items {
			top: 1.28rem;
		}

		.tab-content-items {
			margin-top: 2.76rem;
		}
	}
}

.iphoneX {
	.head-list {
		padding-top: 0.88rem;
	}

	.content-body {
		position: relative;
		margin-top: 1.96rem;

		.tab-component {
			.tab-title-items {
				top: 1.72rem;
			}

			.tab-content-items {
				margin-top: 3.2rem;
			}
		}
	}
}

.h168 {
	height: 1.68rem;
}

.h128 {
	height: 1.28rem;
}
#root {
	height: 100%;
	position: relative;
	& > div {
		height: 100%;
		// overflow-y: scroll;
	}
}
.cache-route-class {
	height: 100%;
}
.blue-color {
	color: #5091ff;
}
// 全局按钮样式
#root .yhjr_button {
	width: 6.38rem;
	height: 1rem;
	margin: 0 auto;
	margin-top: 0.6rem;
	background: linear-gradient(90deg, $colorGradients 0%, $colorTheme 100%);
	border-radius: 0.5rem;
	font-size: 0.36rem;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: rgba(255, 253, 252, 1);
	&.yhjr_button::before {
		border-width: 0px;
	}
	span {
		line-height: 1rem;
	}
}
#root .yhjr_button-inline {
	width: 6.38rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	border-radius: 0.5rem;
	margin: 0 auto;
	margin-top: 0.3rem;
	font-size: 0.36rem;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: rgba(253, 118, 34, 1);
	background-color: rgba(0, 0, 0, 0);
	border: solid 0.02rem $colorTheme;
}
.ql-align-right {
	text-align: right;
}
// 标签渐变
.a-gradient {
	background: linear-gradient(90deg, $colorGradients 0%, $colorTheme 100%);
}
.class-609 {
	& > div {
		height: 100%;
	}
}
.class-608 {
	& > div {
		height: 100%;
	}
}
.button-reset {
	&::before {
		border-width: 0px !important;
	}
}
